<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滨航集团</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<script src="public/js/vue.js"></script>
<script src="public/js/axios.js"></script>

<!-- 引入样式 -->
<!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
<link rel="stylesheet" href="public/css/element.css">
<!-- 引入组件库 -->
<!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
<script src="public/js/element.js"></script>


<link rel="stylesheet" href="public/css/swiper-bundle.css">
<script src="public/js/swiper-bundle.js"></script>
<link rel="stylesheet" href="public/css/index.css">
<script>
    // 使用正则表达式检测用户代理字符串来判断是否是手机设备
    var isMobile = /iPhone|iPad|iPod|Android|webOS|BlackBerry|Windows Phone/i.test(navigator.userAgent);

    // 如果是手机设备，执行重定向
    if (isMobile) {
        window.location.href = "/bhwapv2";
    }
</script>
<body style="margin: 0px">


<!--顶部导航-->

<div class="Nav">
    <div class="nav-content">
        <img  loading='lazy' class="tit_img" id="myImage" src="public/images/title.png"/>
        <a style="margin-left: 33px" class="link_a " href="index.html">滨航集团</a>
        <a class="link_a link_adq" href="Business.html">业务体系</a>
        <a class="link_a" href="Customer.html">客户案例</a>
        <a class="link_a" href="Service.html">服务中心</a>
        <a class="link_a" href="Ecological.html">生态联盟</a>
        <a class="link_a" href="About.html">关于滨航</a>
        <img  loading='lazy' class="tit_img_2" src="public/images/phone.png"/>
        <span class="link_span">022-58238822</span>
        <a class="link_but" href="https://bhmhtest.lianghang.cc" target="_blank">免费体验</a>
    </div>
</div>

<!-- 头图-->


<div class="swiper mySwiper">
    <div class="swiper-wrapper">
        <!--        循环层-->
        <div class="swiper-slide">
            <div class="image-container">
                <img loading='lazy' style="max-width: 100%;height: auto;width: 100%" src="public/images/banner_2.png">
                <div class="centered-text">
                    <div>诚信·专注·协作·成长</div>
                    <div>助力组织的数字化转型</div>
                </div>
            </div>
        </div>

    </div>
    <div class="swiper-pagination"></div>
</div>


<div id="app">

    <div class="body-h">


        <div class="yewutix" id="scae-yewu">
            <div class="public_title">
                <div>业务体系</div>
                <div>Business</div>
            </div>

            <div class="yewutix_x_title" id="scope-gsfw">
                <div v-for="(item,index) in jsfuList" :class="jsfuIsShow===index?'jsfw_xzys_1':''" @click="Jsfw(index)">
                    {{item}}
                </div>
            </div>

            <div class="yewutix-content yewutix-bg" v-if="jsfuIsShow===0">
                <!--                循环体-->
                <div style="padding-top: 0px">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/1.png" /></div>
                                工商服务
                            </div>
                            <div class="yewu-public-content">
                                为企业提供公司注册、代理记账等一站式解决方案，专业顾问、专业服务，解决创业初期经营困扰。
                            </div>
                            <div class="yewu-public-title-f">Financing service</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_qy_1.png"/></div>
                    </div>
                    <!--                    下半部分-->
                    <div class="yewu-public-dow" style="justify-content: space-between">
                        <!--                        下部循环体-->
                        <div>
                            <div><img loading='lazy' src="public/ywtx/qy_icon_1_1.png"/></div>
                            <div>公司注册</div>
                            <div>公司注册的流程包括：企业核名→提交材料→领取执照→刻章，就可以完成公司注册，进行开业了。</div>
                        </div>
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/qy_icon_1_2.png"/></div>
                            <div>印章服务</div>
                            <div>
                                企业印章是指企业刻制的以文字、图记表明主体同一性的公章、专用章，它是企业从事民事活动、行政活动的符号和标记。
                            </div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/qy_icon_1_3.png"/></div>
                            <div>代理记账</div>
                            <div>包括小规模纳税人、个体户、一般纳税人等代理记账、工商年检代办服务。</div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/qy_icon_1_4.png"/></div>
                            <div>变更服务</div>
                            <div>
                                涵盖法人、股东、任职、经营范围、注册资金、股权、认缴年限、跨区地址、银行、公司类型变更等全面的变更业务。
                            </div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/qy_icon_1_5.png"/></div>
                            <div>银行服务</div>
                            <div>包括开户、销户等基本银行相关业务。</div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/qy_icon_1_6.png"/></div>
                            <div>注销服务</div>
                            <div>包括公司注销、个体注销、工商注销等注销业务。</div>
                        </div>


                    </div>
                </div>

                <div id="scope-zscq">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/2.png" /></div>
                                知识产权
                            </div>
                            <div class="yewu-public-content">
                                为企业提供全方位知识产权服务，从客户角度出发，构建具有竞争优势的知识产权保护和解决方案。
                            </div>
                            <div class="yewu-public-title-f">Project investment</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_zs_1.png"/></div>
                    </div>
                    <!--                    下半部分-->
                    <div class="yewu-public-dow" style="justify-content: space-between">
                        <!--                        下部循环体-->
                        <div>
                            <div><img loading='lazy' src="public/ywtx/zs_icon_1_1.png"/></div>
                            <div>商标服务</div>
                            <div>商标注册、转让、变更、续展，以及商标驳回复审、商标异议答辩等商标服务。</div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/zs_icon_1_2.png"/></div>
                            <div>版权服务</div>
                            <div>
                                包括软件著作权申请、视频作品著作权登记、美术作品登记、文字口述作品登记、音乐作品登记、著作权许可备案、版权证书补发等版权服务。
                            </div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/zs_icon_1_3.png"/></div>
                            <div>专利服务</div>
                            <div>发明专利申请、外观专利申请、实用新型专利申请，以及专利购买、专利驳回复审等其它专利服务。
                            </div>
                        </div>
                    </div>
                </div>

                <div id="scope-zzrz">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/3.png" /></div>
                                资质认证
                            </div>
                            <div class="yewu-public-content">
                                为企业提供一系列的资质认证服务，包括体系认证、产品认证、资质许可证等，帮助企业增强竞争优势，扩大市场份额。
                            </div>
                            <div class="yewu-public-title-f">Project investment</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_rz_1.png"/></div>
                    </div>
                    <!--                    下半部分-->
                    <div class="yewu-public-dow" style="justify-content: space-between">
                        <!--                        下部循环体-->
                        <div>
                            <div><img loading='lazy' src="public/ywtx/rz_icon_1_1.png"/></div>
                            <div>资质许可</div>
                            <div>包括国家CCC产品认证（强制）及企业自愿性产品认证。</div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/rz_icon_1_2.png"/></div>
                            <div>企业认证</div>
                            <div>
                                中国知名企业、重合同守信用、ISO14001环境管理体系认证、ISO9001质量管理体系认证、OHSAS18001职业健康与安全管理体系认证。
                            </div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/rz_icon_1_3.png"/></div>
                            <div>互联网证书</div>
                            <div>
                                ICP许可证、SP许可证、出版物经营、互联网药品信息服务、营业性演出、网络文化经营、呼叫中心业务、广播电视节目制作及其它与互联网相关的许可证书。
                            </div>
                        </div>
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/rz_icon_1_4.png"/></div>
                            <div>业务经营证书</div>
                            <div>包括餐饮服务许可证、食品流通许可证、医疗器械许可二类备案等。</div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/rz_icon_1_5.png"/></div>
                            <div>影视审批</div>
                            <div>
                                从事影视制作，电影产业经营行业公司都要进行相关资历的审核，其中或涉及各种相关许可证的办理。
                            </div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/rz_icon_1_6.png"/></div>
                            <div>其他行业资质</div>
                            <div>
                                包括AAA企业信用认证、CMMI认证、ITSS（运行维护标准）、信息系统业务安全资质、ISCCC信息安全服务资质认证等其它行业认证。
                            </div>
                        </div>


                    </div>
                </div>


            </div>


            <div class="yewutix-content" v-if="jsfuIsShow===1">

                <div style="padding-top: 0px;padding-bottom: 0" >
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title"  >
                                <div><img loading='lazy' src="public/yw/1.png" /></div>
                                税务服务
                            </div>
                            <div class="yewu-public-content">
                                税控异常处理、发票增量增版、增值税即征即退备案、一般纳税人转小规模、CA代办、税控异常、税控升级等全面税务服务。
                            </div>
                            <div class="yewu-public-title-f">Tax services</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_cs_1.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0" id="scope-kj">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img  loading='lazy' src="public/yw/2.png" /></div>
                                会计服务
                            </div>
                            <div class="yewu-public-content">旧账整理、财税记账、风险预警、财务检查等其它财务服务。</div>
                            <div class="yewu-public-title-f">Accounting services</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_cs_2.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img  loading='lazy' src="public/yw/3.png" /></div>
                                年度报告
                            </div>
                            <div class="yewu-public-content">公司整个会计年度的财务报告及其他相关文件。</div>
                            <div class="yewu-public-title-f">Annual report</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img  loading='lazy' src="public/ywtx/ywtx_cs_3.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0;">
                    <!--                    上半部分-->
                    <div class="yewu-public" style="border-bottom: none">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img  loading='lazy' src="public/yw/4.png" /></div>
                                资产评估
                            </div>
                            <div class="yewu-public-content">
                                包括无形资产评估、企业价值评估、基于财务报告的评估、单项资产评估、项目评估、整体评估等全面评估服务。
                            </div>
                            <div class="yewu-public-title-f">Asset Reporting</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img  loading='lazy' src="public/ywtx/ywtx_cs_4.png"/></div>
                    </div>
                </div>

            </div>

            <div class="yewutix-content" v-if="jsfuIsShow===2">

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img  loading='lazy' src="public/yw/1.png" /></div>
                                融资服务
                            </div>
                            <div class="yewu-public-content">
                                对资金需求方开展对资金需求方开展尽职调查、出具调查报告、策划融资方案、路演、寻找出资方、询价、谈判、居间沟通、最后促使双方达成协议、签订合作协议、付款，到最后完成企业融资。
                            </div>
                            <div class="yewu-public-title-f">Financing service</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img  loading='lazy' src="public/ywtx/ywtx_jr_1.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public" style="border-bottom: none">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img  loading='lazy' src="public/yw/2.png" /></div>
                                项目投资
                            </div>
                            <div class="yewu-public-content">
                                项目内的各项投资密切相关，即各项投资具有共同的目标，在技术上、经济上存在着内在联系，在管理上有必要作为一个单位进行规划决策、筹集资金和组织实施。一个投资项目还必须与其他的投资保持一定的独立性，即在投资目标，项目的技术、经济或管理方面，区别于其他投资。
                            </div>
                            <div class="yewu-public-title-f">Project investment</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img  loading='lazy' src="public/ywtx/ywtx_jr_2.png"/></div>
                    </div>
                </div>


            </div>

            <div  class="yewutix-content yewutix-bg" v-if="jsfuIsShow===3">
                <!--                循环体-->
                <div style="padding-top: 0px">
                    <!--                    上半部分-->
                    <div class="yewu-public" >
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img  loading='lazy' src="public/yw/1.png" /></div>
                                数字展陈
                            </div>
                            <div class="yewu-public-content">
                                基于数字孪生理念完成产业园区数字化全景重构，深度融合园区各领域数字资源，对园区产业、招商引资、安防、资产、基础设施、能效、环境空间等进行综合监测分析，辅助管理者及时掌控园区运行态势，实现园区人、事、物统一管理，大幅度提升产业园区运营管理水平
                            </div>
                            <div class="yewu-public-title-f">Digital Exhibition</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img  loading='lazy' src="public/ywtx/ywtx_js_1.png"/></div>
                    </div>
                    <!--                    下半部分-->
                    <div  class="yewu-public-dow" style="justify-content: space-between">
                        <!--                        下部循环体-->
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/js_icon_1_1.png"/></div>
                            <div>城市规划馆</div>

                        </div>
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/js_icon_1_2.png"/></div>
                            <div>企业展厅</div>

                        </div>
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/js_icon_1_3.png"/></div>
                            <div>主题展厅</div>

                        </div>
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/js_icon_1_4.png"/></div>
                            <div>线上云展厅</div>

                        </div>


                    </div>
                </div>

                <div id="scope-ptkf">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img  loading='lazy' src="public/yw/2.png" /></div>
                                平台开发
                            </div>
                            <div class="yewu-public-content">
                                依托全栈自研技术，为用户提供数字生态系统开发，面向智能决策、系统管理、运维服务三大场景提供定制化服务。
                            </div>
                            <div class="yewu-public-title-f">Platform development</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img  loading='lazy' src="public/ywtx/ywtx_js_2.png"/></div>
                    </div>
                    <!--                    下半部分-->
                    <div class="yewu-public-dow" style="justify-content: space-between">
                        <!--                        下部循环体-->
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/js_icon_2_1.png"/></div>
                            <div>数据可视化平台开发</div>

                        </div>
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/js_icon_2_2.png"/></div>
                            <div>办公管理平台开发</div>

                        </div>
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/js_icon_2_3.png"/></div>
                            <div>网站建设</div>

                        </div>
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/js_icon_2_4.png"/></div>
                            <div>移动应用开发</div>

                        </div>


                    </div>
                </div>


            </div>

            <div class="yewutix-content yewutix-bg" v-if="jsfuIsShow===4">
                <!--                循环体-->
                <div style="padding-top: 0px">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img  loading='lazy' src="public/yw/1.png" /></div>
                                招商服务
                            </div>
                            <div class="yewu-public-content">
                                依托自身积累的丰富招商服务经验，结合客户在自身发展战略基础上的目标和规划，提供高匹配度的一体化招商服务，智能地透析企业优势，从而更好地提升企业核心竞争力。
                            </div>
                            <div class="yewu-public-title-f">Investment promotion services</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_yq_1.png"/></div>
                    </div>
                    <!--                    下半部分-->
                    <div class="yewu-public-dow" style="justify-content: space-between">
                        <!--                        下部循环体-->
                        <div>
                            <div><img loading='lazy' src="public/ywtx/yq_icon_1_1.png"/></div>
                            <div>招商策划</div>
                            <div>
                                通过建立团队体系、打造项目核心竞争力、科学投放建议，提高招商效果，量身策划系统的招商营销工具。
                            </div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/yq_icon_1_2.png"/></div>
                            <div>招商路演</div>
                            <div>提供设计路演方案，定制招商BP等服务。</div>
                        </div>
                        <div>
                            <div><img  loading='lazy' src="public/ywtx/yq_icon_1_3.png"/></div>
                            <div>媒体推广</div>
                            <div>个性化招商手册设计及投送、推广DM宣传单页设计及发放、推广媒介对接等招商推广个性化服务。
                            </div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/yq_icon_1_4.png"/></div>
                            <div>加盟运营体系</div>
                            <div>加盟手册设计、BP制作及其它加盟体系建设服务。</div>
                        </div>


                    </div>
                </div>

                <div>
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/2.png" /></div>
                                创业孵化
                            </div>
                            <div class="yewu-public-content">
                                依托丰富的科创资源和完善的创新创业孵化空间，为国内诸多领域的创业团队和创业企业提供共享服务空间、经营场地、办公场景定制等全生命周期的一站式创业孵化服务。
                            </div>
                            <div class="yewu-public-title-f">Entrepreneurship services</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_yq_2.png"/></div>
                    </div>
                    <!--                    下半部分-->
                    <div class="yewu-public-dow" style="justify-content: space-between">
                        <!--                        下部循环体-->
                        <div>
                            <div><img loading='lazy' src="public/ywtx/yq_icon_2_1.png"/></div>
                            <div>办公空间</div>
                            <div>包括共享办公空间、服务式办公室、虚拟办公室等。</div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/yq_icon_2_2.png"/></div>
                            <div>园区厂房</div>
                            <div>包括创意产业办公园区、研发生产办公厂房、孵化园联合办公等。</div>
                        </div>
                        <div>
                            <div><img loading='lazy' src="public/ywtx/yq_icon_2_3.png"/></div>
                            <div>办公场景定制</div>
                            <div>包括商务会议、交流培训、团建休闲、年会活动以及智慧办公系统。</div>
                        </div>


                    </div>
                </div>


            </div>

            <div class="yewutix-content" v-if="jsfuIsShow===5">

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/1.png" /></div>
                                人力社保
                            </div>
                            <div class="yewu-public-content">社保K盘办理、社保开户、年检、申报、增减员；公积金开户、公积金基础信息变更、增减员、补缴
                                、增减员等服务。
                            </div>
                            <div class="yewu-public-title-f">Human Resources and Social Security</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_rc_1.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/2.png" /></div>
                                人力资源
                            </div>
                            <div class="yewu-public-content">
                                人力资源服务公司指公司代替对方公司招聘或者推荐人员去对方公司工作，且劳动关系是在对方公司的。劳务派遣公司指特定公司指派人员到对方公司工作，且劳动关系还是在派遣公司的
                            </div>
                            <div class="yewu-public-title-f">Human resources</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_rc_2.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public" style="border-bottom: none">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/3.png" /></div>
                                灵活用工
                            </div>
                            <div class="yewu-public-content">
                                解决企业人员编制紧张、旺季人才短缺、项目用工短缺、员工短期替补等难题的同时满足企业、人才招聘等多方面的业务需求。
                            </div>
                            <div class="yewu-public-title-f">Flexible employment</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_rc_3.png"/></div>
                    </div>
                </div>


            </div>

            <div class="yewutix-content" v-if="jsfuIsShow===6">

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/1.png" /></div>
                                联盟服务
                            </div>
                            <div class="yewu-public-content">
                                联盟服务包括企业服务和人才服务，集信息提供、融资服务、咨询培训、创业支持、产业协作等多类服务资源为一体，旨在为联盟内企业创建便捷、高效、优质、多元化需求的公共服务平台，促进区内中小企业的健康快速发展。以“深度合作、资源共享、共同发展、服务企业”为原则，为联盟成员提供完善的行业资讯，专业的管理咨询，优质的品牌传播，综合的个性化服务。
                            </div>
                            <div class="yewu-public-title-f">Affiliate service</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_lm_1.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/2.png" /></div>
                                学术交流
                            </div>
                            <div class="yewu-public-content">
                                构建政府园区与企业之间的桥梁,打造招商引资平台，该平台能够实现招商标准化管理、招商智能化运作等，推进招商引资工作务实、高效，提高招商引资工作“信息—项目—合作—落地—开花—结果”的转换速率。为东丽区引进航空航天产业企业及人才提供平台支撑。
                            </div>
                            <div class="yewu-public-title-f">Academic exchange</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_lm_2.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/3.png" /></div>
                                校企合作
                            </div>
                            <div class="yewu-public-content">
                                为学生就业与实训实习、技能培训与求学创业；企业招聘与项目合作、员工培训与职称评定；人才培养与成果转化、院校招聘与资源分享等方面提供优质在线服务；让学生、企业和院校全面接入互联网，拓宽彼此发展渠道。
                            </div>
                            <div class="yewu-public-title-f">School-enterprise cooperation</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_lm_3.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/4.png" /></div>
                                科技成果转化
                            </div>
                            <div class="yewu-public-content">
                                专注于服务联盟企业、高校、科研院所科技成果转化技术，紧紧围绕企业、高校院所、服务机构、技术经纪人等实际需求，设立成果展示、需求信息、转化服务三大主要功能。平台集聚大量适合本地区本行业转化的各类科技成果、技术、项目、需求、人才、平台信息，竭诚为联盟科技创新提供优质高效科技服务。
                            </div>
                            <div class="yewu-public-title-f">The commercialization of research findings</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_lm_4.png"/></div>
                    </div>
                </div>

                <div style="padding-top: 0px;padding-bottom: 0">
                    <!--                    上半部分-->
                    <div class="yewu-public" style="border-bottom: none">
                        <!--                        上半部分左-->
                        <div style="display: flex;flex-direction: column">
                            <div class="yewu-public-title">
                                <div><img loading='lazy' src="public/yw/5.png" /></div>
                                重要活动
                            </div>
                            <div class="yewu-public-content">
                                在各委办局、联盟牵头组织下，邀请行业内的专家、学者展开交流分享和培训；对龙头企业的优秀经验做法展开及时交流；协助联盟成员展开专业的对接和洽谈，解决联盟企业面临的问题，以实实在在的服务着力把航空航天人才创新创业联盟建设成为十一大联盟的顶尖联盟。
                            </div>
                            <div class="yewu-public-title-f">Important activities</div>
                        </div>
                        <!--                        上半部分右-->
                        <div><img loading='lazy' src="public/ywtx/ywtx_lm_5.png"/></div>
                    </div>
                </div>


            </div>

        </div>


        <!--        footer-from-->
        <div class="footer-from">
            <div class="footer-from-title">请专业顾问为您解答或演示</div>
            <div class="footer-from-title-fu">留下姓名和联系方式, 会有专业工作人员免费为您服务</div>
            <div class="footer-from-content" style="margin-top: 58px">
                <div class="footer-from-name">
                    <div>姓名:</div>
                    <input v-model="footForm.name" style="width: 120px;color: rgba(255,255,255,0.8);"/></div>
                <div class="footer-from-phone" style="margin-left: 12px;margin-right: 16px">
                    <div>联系方式:</div>
                    <input v-model="footForm.phome" style="width: 220px;color: rgba(255,255,255,0.8);"/></div>
                <div class="footer-from-but" @click="FootFn">立即咨询</div>
            </div>
        </div>

        <!--        footer-->
        <div class="footer">
            <div class="footer-cont">
                <div class="footer-cont-top">
                    <div class="footer-cont-cp">
                        <div class="footer-title" style="margin-bottom: 12px">服务与产品</div>
                        <div class="footer-cont-x-title">
                            <a href="Business.html#scope-gsfw">工商服务</a>
                            <a href="Business.html#ft=1">数字展陈</a>
                            <a href="Business.html#scope-zscq">知识产权</a>
                            <a href="Business.html#ft=2">平台开发</a>
                            <a href="Business.html#scope-zzrz">资质认证</a>
                            <a href="Business.html#ft=3">园区运营</a>
                            <a href="Business.html#ft=6">税务服务</a>
                            <a href="Business.html#ft=4">人才服务</a>
                            <a href="Business.html#ft=7">会计服务</a>
                            <a href="Business.html#ft=5">联盟运营</a>
                        </div>
                    </div>

                    <div class="footer-cont-gy">
                        <div class="footer-title" style="margin-bottom: 12px">关于滨航</div>
                        <div class="footer-cont-gy-title">
                            <a href="About.html#social-responsibility_1">企业简介</a>
                            <a href="About.html#social-responsibility_2">创业历程</a>
                            <a href="About.html#social-responsibility_3">社会责任</a>
                            <a href="About.html#social-responsibility_4">荣誉资质</a>
                        </div>
                    </div>

                    <div class="footer-cont-lx">
                        <div class="footer-title" style="margin-bottom: 12px">联系我们</div>
                        <div class="footer-cont-lx-c">
                            <div>市场部: 022-58238822</div>
                            <div>总部地址: 天津市东丽区外环东路3699号滨航腾云创意园</div>
                        </div>
                    </div>

                    <div style="margin-left: 272px">
                        <img loading='lazy' src="public/images/bhjt.png" />
                    </div>
                </div>
                <div class="footer-hx"></div>
                <div class="footer-cont-dow">
                    <div>
                        <div>隐私条款</div>
                        <div>服务条款</div>
                    </div>
                    <div>
                        <div>滨航企业管理(天津)集团有限公司</div>
                        <div>津ICP备19009508号-1</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script>

    // 获取图片元素
    var image = document.getElementById("myImage");

    // 添加点击事件监听器
    image.addEventListener("click", function() {
        // 导航到首页的URL，你需要将此URL替换为你的实际首页URL
        window.location.href = "index.html";
    });

    var swiper = new Swiper(".mySwiper", {
        // loop: true,
        // autoplay: {
        //     delay: 3000,
        //     disableOnInteraction: false,
        // },
        pagination: {
            el: ".swiper-pagination",
        },
    });
    // 在DOM加载完成后执行
    document.addEventListener('DOMContentLoaded', function() {
        // 获取图片元素
        var titleImage = document.querySelector('.tit_img');
        var titleImage_1 = document.querySelector('.tit_img_2');

        // 创建新的Image对象并设置图像的src属性以提前加载
        var preloadedImage = new Image();
        preloadedImage.src = 'public/images/title_1.png';

        var preloadedImage1 = new Image();
        preloadedImage1.src = 'public/images/phone_1.png';

        // 添加滚动事件监听器
        window.addEventListener('scroll', function () {
            var navElement = document.querySelector('.Nav');
            var navContentElement = document.querySelector('.nav-content');

            if (window.scrollY > 0) {
                navElement.classList.add('scrolled');
                navContentElement.classList.add('scrolled-content');

                // 更改图片链接为已预加载的图像
                if (titleImage) {
                    titleImage.src = preloadedImage.src;
                }

                if (titleImage_1) {
                    titleImage_1.src = preloadedImage1.src;
                }
            } else {
                navElement.classList.remove('scrolled');
                navContentElement.classList.remove('scrolled-content');

                // 恢复图片链接为默认图像
                if (titleImage) {
                    titleImage.src = 'public/images/title.png';
                }
                if (titleImage_1) {
                    titleImage_1.src = 'public/images/phone.png';
                }
            }
        });
    });

    var vm = new Vue({
        el: '#app',
        data: {
            jsfuIsShow: 0,
            jsfuList: ['企业服务', '财税服务', '金融服务', '技术服务', '园区运营', '人才服务', '联盟运营'],
            footForm: {
                name: '',
                phome: ''
            },
            apiurl : 'https://xcglapi.tjbinhang.cn'
        },
        created() {
            // 使用window.location.hash来获取URL中的哈希部分
            var hash = window.location.hash;

            // 使用正则表达式或其他方法解析哈希部分中的参数
            var matches = hash.match(/#sy=(\d+)/);
            if (matches && matches.length >= 2) {
                var syValue = matches[1];
                this.jsfuIsShow = Number(syValue)
                setTimeout(function() {
                    var targetElement = document.getElementById("scae-yewu");
                    if (targetElement) {
                        targetElement.scrollIntoView();
                    }
                }, 100); // 500毫秒延时
            }

            var matft = hash.match(/#ft=(\d+)/);
            if (matft && matft.length >= 2) {
                var ftValue = matft[1];

                switch (Number(ftValue)) {
                    case 1:
                        this.jsfuIsShow = 3
                        setTimeout(function() {
                            var targetElementft = document.getElementById("scope-gsfw");
                            if (targetElementft) {
                                targetElementft.scrollIntoView();
                            }
                        }, 100); // 500毫秒延时

                        break;
                    case 2:
                        this.jsfuIsShow = 3
                        setTimeout(function() {
                            var targetElementft = document.getElementById("scope-ptkf");
                            if (targetElementft) {
                                targetElementft.scrollIntoView();
                            }
                        }, 100); // 500毫秒延时
                        break;
                    case 3:
                        this.jsfuIsShow = 4
                        setTimeout(function() {
                            var targetElementft = document.getElementById("scae-yewu");
                            if (targetElementft) {
                                targetElementft.scrollIntoView();
                                // targetElementft.scrollIntoView({ behavior: 'smooth', block: 'start' });
                            }
                        }, 100); // 500毫秒延时
                        break;
                    case 4:
                        this.jsfuIsShow = 5
                        setTimeout(function() {
                            var targetElementft = document.getElementById("scae-yewu");
                            if (targetElementft) {
                                targetElementft.scrollIntoView();
                                // targetElementft.scrollIntoView({ behavior: 'smooth', block: 'start' });
                            }
                        }, 100); // 500毫秒延时
                        break;
                    case 5:
                        this.jsfuIsShow = 6
                        setTimeout(function() {
                            var targetElementft = document.getElementById("scae-yewu");
                            if (targetElementft) {
                                targetElementft.scrollIntoView();
                                // targetElementft.scrollIntoView({ behavior: 'smooth', block: 'start' });
                            }
                        }, 100); // 500毫秒延时
                        break;
                    case 6:
                        this.jsfuIsShow = 1
                        setTimeout(function() {
                            var targetElementft = document.getElementById("scope-gsfw");
                            if (targetElementft) {
                                targetElementft.scrollIntoView();
                                // targetElementft.scrollIntoView({ behavior: 'smooth', block: 'start' });
                            }
                        }, 100); // 500毫秒延时
                        break;
                    case 7:
                        this.jsfuIsShow = 1
                        setTimeout(function() {
                            var targetElementft = document.getElementById("scope-kj");
                            if (targetElementft) {
                                targetElementft.scrollIntoView();
                                // 上移50像素，您可以根据需要更改这个值
                                window.scrollBy(0, -100);
                                // targetElementft.scrollIntoView({ behavior: 'smooth', block: 'start' });
                            }
                        }, 100); // 500毫秒延时
                        break;
                }


            }


        },
        methods: {
            Jsfw(id) {
                this.jsfuIsShow = id
            },
            xfdj(id) {
                this.xfIsShow = id
            },
            FootFn(){
                if (this.footForm.name.trim() && this.footForm.phome.trim()){
                    axios.post(this.apiurl+'/api/v1/website/create',{phone:this.footForm.phome.trim(),username:this.footForm.name.trim()}).then(res=>{
                        if (res.data.code === 200){
                            this.$message({
                                showClose: true,
                                message: '提交成功',
                                type: 'success',
                            });
                        }else{
                            this.$message({
                                showClose: true,
                                message: res.data.msg,
                                type: 'error',
                            });
                        }
                    })
                }else{
                    this.$message({
                        showClose: true,
                        message: '请填写用户名或手机号',
                        type: 'error',
                    });
                }
            },
        }
    })
</script>
</body>
</html>
